<template>
  <div class="particular">
    <div class="breadcrumb">
      <el-breadcrumb
        separator-class="el-icon-arrow-right"
        style="font-size: 0.2rem"
      >
        <el-breadcrumb-item :to="{ path: '/homePage/homes' }"
          >首页</el-breadcrumb-item
        >
        <el-breadcrumb-item
          v-show="$route.query.fatherTitle || list.isInForm"
          :to="{
            path: 'catalogue',
            query: list.isInForm
              ? { isInForm: true }
              : {
                  id: $route.query.fatherTitleId,
                  name: $route.query.fatherTitle,
                },
          }"
        >
          {{
            list.isInForm ? "通知通告" : $route.query.fatherTitle
          }}</el-breadcrumb-item
        >
        <el-breadcrumb-item>{{ list.title }}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="article">
      <h1>{{ list.title }}</h1>
      <span>作者： {{ list.creator }} 发布时间： {{ list.releaseTime }}</span>
      <hr />
      <div v-html="list.article" class="text"></div>
    </div>
    <File :InFormId="list.id" v-if="list.isInForm" />
  </div>
</template>

<script>
import File from "./components/file.vue";
export default {
  name: "Particular",
  components: { File },

  data() {
    return {
      content:
        "<p>         其实，习近平爱读史书，在治国理政实践中重视借鉴历史，已为外界熟知。不过，今年习近平特别关注历史，强调学史，又有其特殊的意涵。</p><p>         2021年，对中国而言是一个历史大年：这个中国“十四五”规划的开局之年，恰逢中国共产党成立100周年，也是中国恢复联合国合法席位50周年，还是中国加入世贸组织20周年……这个逢百逢十的特殊年份，更有着极为特殊的背景板——世界正处于百年未有之大变局，中国处在两个百年奋斗目标的历史交汇期。因此，今年可说是中国面向未来，建构历史方向感、明晰世界位置感的重要时刻。</p><p>        面对国内国际的机遇和挑战，观史知往，树立大历史观，科学运用历史思维，被视为拨开迷雾、续写中国奇迹的关键方法。全国两会前，习近平出席了党史学习教育动员大会，将学史作为中共来到百年历史新起点的“第一功课”。</p><p>       事实上，观史知往的历史思维，在今天的中国已是贯穿发展和治理的重要思维方法。——“树立大历史观，从历史长河、时代大潮、全球风云中分析演变机理、探究历史规律，提出因应的战略策略”。</p><p>        这一方法，一再被运用到中国完善治理、制定中长期发展战略之中，成为中国之治方法论的重要组成部分。“十三五”规划圆满收官，第十四个“五年规划”即将开局，凸显出中国国家战略规划和目标管理的科学性和优势，这些都离不开中国对历史思维的科学应用。中共十九届五中全会提出了当前和今后一个时期，中国发展仍处于重要战略机遇期的重要判断，并在此基础上，擘画了未来5年乃至15年的中国发展蓝图——科学把握新发展阶段，坚定贯彻新发展理念，加快构建以国内大循环为主体、国内国际双循环相互促进的新发展格局。</p>",
      father: "",
    };
  },

  created() {},
  mounted() {},
  methods: {},
  watch: {},
  computed: {
    list() {
      return this.$route.query;
    },
  },
};
</script>

<style lang="scss" scoped>
.particular {
  .breadcrumb {
    margin: 20px 0px 40px 20px;
  }
  .article {
    font-size: 0.16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    hr {
      width: 80%;
    }
    .text {
      width: 60%;
    }
    ::v-deep p {
      text-indent: 2em;
      font-size: 0.2rem;
      font-weight: 400;
    }
  }
}
</style>
